<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>API: animation   (YUI Library)</title>
	
	<link rel="shortcut icon" href="assets/yui_icon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
	<link rel="stylesheet" type="text/css" href="assets/api.css" />

    <script type="text/javascript" src="assets/api-js"></script>
    <script type="text/javascript" src="assets/ac-js"></script>
</head>

<body id="yahoo-com">

<div id="doc3" class="yui-t2">
	<div id="hd">
        <h1>
        	<a href="http://developer.yahoo.com/yui/" title="Yahoo! UI Library">Yahoo! UI Library</a>
        	<img src="assets/yui_icon.png" alt="YUI文档中文化" />
        </h1>
        <h3>animation&nbsp; <span class="subtitle">2.7.0b</span></h3>
        <a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a> 
            &gt; <a href="./module_animation.html" title="animation">animation</a>
                
                
        <form onsubmit="return false">
            <div id="propertysearch">
                搜索: <input autocomplete="off" id="searchinput" />
                <div id="searchresults">
                    &nbsp;
                </div>
            </div>
        </form>
	</div>

	<div id="bd">
		<div id="yui-main">
			<div class="yui-b">
            <form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
                <fieldset>
                    <legend>Filters</legend>
                <span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
                <span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
                <span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
                </fieldset>
            </form>

                   
                    <h3>模块：animation
                    


                    </h3>
                    <div class="description summary">
                        使用动画模块使 HTMLElement（HTML 元素） 展现特定的效果
                    </div>



                <div class="yui-gc">
                    <div class="yui-u first">

                            <p>本模块包含以下类：</p>
                            <script>
                            //var YUI_CLASS_LIST = [{"extends": {"superclass": {}, "events": {}, "configs": {}, "properties": {}, "methods": {}}, "description": "\u52a8\u753b\u57fa\u7c7b\u63d0\u4f9b\u52a8\u753b\u6548\u679c\u63a5\u53e3\n<p>\u4f7f\u7528\u4f8b\u5b50: var myAnim = new YAHOO.util.Anim(el, { width: { from: 10, to: 100 } }, 1, YAHOO.util.Easing.easeOut);</p>", "guessedname": "Anim", "name": "YAHOO.util.Anim"}, {"extends": {"superclass": {}, "events": {}, "configs": {}, "properties": {}, "methods": {}}, "description": "\u7ba1\u7406\u52a8\u753b\u961f\u5217\u548c\u7ebf\u7a0b\n\u4e3a Anim \u53ca\u5176\u5b50\u7c7b\u63d0\u4f9b\u529f\u80fd", "guessedname": "AnimMgr", "name": "YAHOO.util.AnimMgr"}, {"extends": {"superclass": {}, "events": {}, "configs": {}, "properties": {}, "methods": {}}, "description": "\u8ba1\u7b97\u4e8c\u6b21\u51fd\u6570\u8d1d\u585e\u5c14\u66f2\u7ebf\u4e2d\u5bf9\u5e94\u7684\u70b9", "guessedname": "Bezier", "name": "YAHOO.util.Bezier"}, {"extends": {"superclass": {"YAHOO.util.Anim": "YAHOO.util.Anim"}, "events": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "onComplete"}, {"access": "", "deprecated": false, "name": "onStart"}, {"access": "", "deprecated": false, "name": "onTween"}]}, "configs": {}, "properties": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "attributes"}, {"access": "", "deprecated": false, "name": "currentFrame"}, {"access": "", "deprecated": false, "name": "duration"}, {"access": "", "deprecated": false, "name": "method"}, {"access": "", "deprecated": false, "name": "totalFrames"}, {"access": "", "deprecated": false, "name": "useSeconds"}]}, "methods": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "animate"}, {"access": "", "deprecated": false, "name": "doMethod"}, {"access": "", "deprecated": false, "name": "getAttribute"}, {"access": "", "deprecated": false, "name": "getDefaultUnit"}, {"access": "", "deprecated": false, "name": "getEl"}, {"access": "", "deprecated": false, "name": "getStartTime"}, {"access": "", "deprecated": false, "name": "init"}, {"access": "", "deprecated": false, "name": "isAnimated"}, {"access": "", "deprecated": false, "name": "setAttribute"}, {"access": "", "deprecated": false, "name": "setEl"}, {"access": "", "deprecated": false, "name": "stop"}, {"access": "", "deprecated": false, "name": "toString"}]}}, "description": "\u52a8\u753b\u5b50\u7c7b\u7528\u4e8e\u989c\u8272\u6e10\u53d8\n<p>\u8c03\u7528\u65b9\u6cd5: <code>var myAnim = new Y.ColorAnim(el, { backgroundColor: { from: '#FF0000', to: '#FFFFFF' } }, 1, Y.Easing.easeOut);</code> Color values can be specified with either 112233, #112233,", "guessedname": "ColorAnim", "name": "YAHOO.util.ColorAnim"}, {"extends": {"superclass": {}, "events": {}, "configs": {}, "properties": {}, "methods": {}}, "description": "\u72ec\u7acb\u7684\u51fd\u6570\u7528\u4e8e\u8ba1\u7b97\u52a8\u753b\u5f00\u59cb\u548c\u7ed3\u675f\u7684\u589e\u76ca", "guessedname": "Easing", "name": "YAHOO.util.Easing"}, {"extends": {"superclass": {"YAHOO.util.Anim": "YAHOO.util.Anim", "YAHOO.util.ColorAnim": "YAHOO.util.ColorAnim"}, "events": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "onComplete"}, {"access": "", "deprecated": false, "name": "onStart"}, {"access": "", "deprecated": false, "name": "onTween"}]}, "configs": {}, "properties": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "attributes"}, {"access": "", "deprecated": false, "name": "currentFrame"}, {"access": "", "deprecated": false, "name": "duration"}, {"access": "", "deprecated": false, "name": "method"}, {"access": "", "deprecated": false, "name": "totalFrames"}, {"access": "", "deprecated": false, "name": "useSeconds"}]}, "methods": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "animate"}, {"access": "", "deprecated": false, "name": "doMethod"}, {"access": "", "deprecated": false, "name": "getAttribute"}, {"access": "", "deprecated": false, "name": "getDefaultUnit"}, {"access": "", "deprecated": false, "name": "getEl"}, {"access": "", "deprecated": false, "name": "getStartTime"}, {"access": "", "deprecated": false, "name": "init"}, {"access": "", "deprecated": false, "name": "isAnimated"}, {"access": "", "deprecated": false, "name": "setAttribute"}, {"access": "", "deprecated": false, "name": "setEl"}, {"access": "", "deprecated": false, "name": "stop"}, {"access": "", "deprecated": false, "name": "toString"}], "YAHOO.util.ColorAnim": [{"access": "", "deprecated": false, "name": "parseColor"}]}}, "description": "\u52a8\u753b\u5b50\u7c7b\u7528\u4e8e\u6839\u636e\u6307\u5b9a\u5c5e\u6027\uff08attributes\uff09\u4e2d\u7684\u70b9\uff08points\uff09\u79fb\u52a8\u5143\u7d20\n\u6bcf\u4e2a\u70b9\u5305\u542b x \u548c y \u5339\u914d\u7684\u4e24\u4e2a\u70b9\n<p>\u4f7f\u7528\u65b9\u6cd5: <code>var myAnim = new YAHOO.util.Motion(el, { points: { to: [800, 800] } }, 1, YAHOO.util.Easing.easeOut);</code></p>", "guessedname": "Motion", "name": "YAHOO.util.Motion"}, {"extends": {"superclass": {"YAHOO.util.Anim": "YAHOO.util.Anim", "YAHOO.util.ColorAnim": "YAHOO.util.ColorAnim"}, "events": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "onComplete"}, {"access": "", "deprecated": false, "name": "onStart"}, {"access": "", "deprecated": false, "name": "onTween"}]}, "configs": {}, "properties": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "attributes"}, {"access": "", "deprecated": false, "name": "currentFrame"}, {"access": "", "deprecated": false, "name": "duration"}, {"access": "", "deprecated": false, "name": "method"}, {"access": "", "deprecated": false, "name": "totalFrames"}, {"access": "", "deprecated": false, "name": "useSeconds"}]}, "methods": {"YAHOO.util.Anim": [{"access": "", "deprecated": false, "name": "animate"}, {"access": "", "deprecated": false, "name": "doMethod"}, {"access": "", "deprecated": false, "name": "getAttribute"}, {"access": "", "deprecated": false, "name": "getDefaultUnit"}, {"access": "", "deprecated": false, "name": "getEl"}, {"access": "", "deprecated": false, "name": "getStartTime"}, {"access": "", "deprecated": false, "name": "init"}, {"access": "", "deprecated": false, "name": "isAnimated"}, {"access": "", "deprecated": false, "name": "setAttribute"}, {"access": "", "deprecated": false, "name": "setEl"}, {"access": "", "deprecated": false, "name": "stop"}, {"access": "", "deprecated": false, "name": "toString"}], "YAHOO.util.ColorAnim": [{"access": "", "deprecated": false, "name": "parseColor"}]}}, "description": "\u52a8\u753b\u5b50\u7c7b\uff0c\u7528\u4e8e\u6839\u636e\u5c5e\u6027\uff08attributes\uff09\u53c2\u6570\u6307\u5b9a\u7684\u6eda\u52a8\u503c\uff08scroll\uff09\u6765\u6eda\u52a8\u5bf9\u5e94\u7684\u5143\u7d20\n\u6bcf\u4e2a\u6eda\u52a8\u53c2\u6570\u5bf9\u4e8e\u90a3\u4e2a x \u548c y \u4e24\u4e2a\u6eda\u52a8\u53c2\u6570\n<p>\u4f7f\u7528\u65b9\u6cd5: <code>var myAnim = new YAHOO.util.Scroll(el, { scroll: { to: [0, 800] } }, 1, YAHOO.util.Easing.easeOut);</code></p>", "guessedname": "Scroll", "name": "YAHOO.util.Scroll"}];
                            </script>
                            <div id="splash_classList">
                                <ul>
                                    <li><a href="YAHOO.util.Anim.html" title="YAHOO.util.Anim" id="class_0">Anim</a></li>
                                    <li><a href="YAHOO.util.AnimMgr.html" title="YAHOO.util.AnimMgr" id="class_1">AnimMgr</a></li>
                                    <li><a href="YAHOO.util.Bezier.html" title="YAHOO.util.Bezier" id="class_2">Bezier</a></li>
                                    <li><a href="YAHOO.util.ColorAnim.html" title="YAHOO.util.ColorAnim" id="class_3">ColorAnim</a></li>
                                    <li><a href="YAHOO.util.Easing.html" title="YAHOO.util.Easing" id="class_4">Easing</a></li>
                                    <li><a href="YAHOO.util.Motion.html" title="YAHOO.util.Motion" id="class_5">Motion</a></li>
                                    <li><a href="YAHOO.util.Scroll.html" title="YAHOO.util.Scroll" id="class_6">Scroll</a></li>
                                </ul>
                            </div>
                    </div>
                    <div class="yui-u">

                        </div>
                </div>

			</div>
		</div>
		<div class="yui-b">
            <div class="nav">

                    <div id="moduleList" class="module">
                        <h4>模块</h4>
                        <ul class="content">
                                <li class="selected"><a href="module_animation.html" title="animation">animation</a></li>
                                <li class=""><a href="module_autocomplete.html" title="autocomplete">autocomplete</a></li>
                                <li class=""><a href="module_button.html" title="button">button</a></li>
                                <li class=""><a href="module_calendar.html" title="calendar">calendar</a></li>
                                <li class=""><a href="module_carousel.html" title="carousel">carousel</a></li>
                                <li class=""><a href="module_charts.html" title="charts">charts</a></li>
                                <li class=""><a href="module_colorpicker.html" title="colorpicker">colorpicker</a></li>
                                <li class=""><a href="module_connection.html" title="connection">connection</a></li>
                                <li class=""><a href="module_container.html" title="container">container</a></li>
                                <li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
                                <li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
                                <li class=""><a href="module_datatable.html" title="datatable">datatable</a></li>
                                <li class=""><a href="module_datemath.html" title="datemath">datemath</a></li>
                                <li class=""><a href="module_dom.html" title="dom">dom</a></li>
                                <li class=""><a href="module_dragdrop.html" title="dragdrop">dragdrop</a></li>
                                <li class=""><a href="module_editor.html" title="editor">editor</a></li>
                                <li class=""><a href="module_element.html" title="element">element</a></li>
                                <li class=""><a href="module_event.html" title="event">event</a></li>
                                <li class=""><a href="module_get.html" title="get">get</a></li>
                                <li class=""><a href="module_history.html" title="history">history</a></li>
                                <li class=""><a href="module_imagecropper.html" title="imagecropper">imagecropper</a></li>
                                <li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
                                <li class=""><a href="module_json.html" title="json">json</a></li>
                                <li class=""><a href="module_layout.html" title="layout">layout</a></li>
                                <li class=""><a href="module_logger.html" title="logger">logger</a></li>
                                <li class=""><a href="module_menu.html" title="menu">menu</a></li>
                                <li class=""><a href="module_paginator.html" title="paginator">paginator</a></li>
                                <li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
                                <li class=""><a href="module_profilerviewer.html" title="profilerviewer">profilerviewer</a></li>
                                <li class=""><a href="module_resize.html" title="resize">resize</a></li>
                                <li class=""><a href="module_selector.html" title="selector">selector</a></li>
                                <li class=""><a href="module_slider.html" title="slider">slider</a></li>
                                <li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
                                <li class=""><a href="module_tabview.html" title="tabview">tabview</a></li>
                                <li class=""><a href="module_treeview.html" title="treeview">treeview</a></li>
                                <li class=""><a href="module_uploader.html" title="uploader">uploader</a></li>
                                <li class=""><a href="module_yahoo.html" title="yahoo">yahoo</a></li>
                                <li class=""><a href="module_yuiloader.html" title="yuiloader">yuiloader</a></li>
                                <li class=""><a href="module_yuitest.html" title="yuitest">yuitest</a></li>
                        </ul>
                    </div>

                    <div id="classList" class="module">
                        <h4>类</h4>
                        <ul class="content">
                                <li class=""><a href="YAHOO.util.Anim.html" title="YAHOO.util.Anim">YAHOO.util.Anim</a></li>
                                <li class=""><a href="YAHOO.util.AnimMgr.html" title="YAHOO.util.AnimMgr">YAHOO.util.AnimMgr</a></li>
                                <li class=""><a href="YAHOO.util.Bezier.html" title="YAHOO.util.Bezier">YAHOO.util.Bezier</a></li>
                                <li class=""><a href="YAHOO.util.ColorAnim.html" title="YAHOO.util.ColorAnim">YAHOO.util.ColorAnim</a></li>
                                <li class=""><a href="YAHOO.util.Easing.html" title="YAHOO.util.Easing">YAHOO.util.Easing</a></li>
                                <li class=""><a href="YAHOO.util.Motion.html" title="YAHOO.util.Motion">YAHOO.util.Motion</a></li>
                                <li class=""><a href="YAHOO.util.Scroll.html" title="YAHOO.util.Scroll">YAHOO.util.Scroll</a></li>
                        </ul>
                    </div>

                    <div id="fileList" class="module">
                        <h4>文件</h4>
                        <ul class="content">        
                                <li class=""><a href="animation.js.html" title="animation.js">animation.js</a></li>
                        </ul>
                    </div>





            </div>
		</div>
	</div>
	<div id="ft">
        <hr />
        Copyright &copy; 2009 Yahoo! Inc. All rights reserved.
	</div>
</div>
<script type="text/javascript">
    ALL_YUI_PROPS = [{"url": "YAHOO.util.Anim.html#method_animate", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "animate"}, {"url": "YAHOO.util.Anim.html#property_attributes", "access": "", "host": "YAHOO.util.Anim", "type": "property", "name": "attributes"}, {"url": "YAHOO.util.Easing.html#method_backBoth", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "backBoth"}, {"url": "YAHOO.util.Easing.html#method_backIn", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "backIn"}, {"url": "YAHOO.util.Easing.html#method_backOut", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "backOut"}, {"url": "YAHOO.util.Easing.html#method_bounceBoth", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "bounceBoth"}, {"url": "YAHOO.util.Easing.html#method_bounceIn", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "bounceIn"}, {"url": "YAHOO.util.Easing.html#method_bounceOut", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "bounceOut"}, {"url": "YAHOO.util.Anim.html#property_currentFrame", "access": "", "host": "YAHOO.util.Anim", "type": "property", "name": "currentFrame"}, {"url": "YAHOO.util.AnimMgr.html#property_delay", "access": "", "host": "YAHOO.util.AnimMgr", "type": "property", "name": "delay"}, {"url": "YAHOO.util.Anim.html#method_doMethod", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "doMethod"}, {"url": "YAHOO.util.Anim.html#property_duration", "access": "", "host": "YAHOO.util.Anim", "type": "property", "name": "duration"}, {"url": "YAHOO.util.Easing.html#method_easeBoth", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "easeBoth"}, {"url": "YAHOO.util.Easing.html#method_easeBothStrong", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "easeBothStrong"}, {"url": "YAHOO.util.Easing.html#method_easeIn", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "easeIn"}, {"url": "YAHOO.util.Easing.html#method_easeInStrong", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "easeInStrong"}, {"url": "YAHOO.util.Easing.html#method_easeNone", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "easeNone"}, {"url": "YAHOO.util.Easing.html#method_easeOut", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "easeOut"}, {"url": "YAHOO.util.Easing.html#method_easeOutStrong", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "easeOutStrong"}, {"url": "YAHOO.util.Easing.html#method_elasticBoth", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "elasticBoth"}, {"url": "YAHOO.util.Easing.html#method_elasticIn", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "elasticIn"}, {"url": "YAHOO.util.Easing.html#method_elasticOut", "access": "", "host": "YAHOO.util.Easing", "type": "method", "name": "elasticOut"}, {"url": "YAHOO.util.AnimMgr.html#property_fps", "access": "", "host": "YAHOO.util.AnimMgr", "type": "property", "name": "fps"}, {"url": "YAHOO.util.Anim.html#method_getAttribute", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "getAttribute"}, {"url": "YAHOO.util.Anim.html#method_getDefaultUnit", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "getDefaultUnit"}, {"url": "YAHOO.util.Anim.html#method_getEl", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "getEl"}, {"url": "YAHOO.util.Bezier.html#method_getPosition", "access": "", "host": "YAHOO.util.Bezier", "type": "method", "name": "getPosition"}, {"url": "YAHOO.util.Anim.html#method_getStartTime", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "getStartTime"}, {"url": "YAHOO.util.Anim.html#method_init", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "init"}, {"url": "YAHOO.util.Anim.html#method_isAnimated", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "isAnimated"}, {"url": "YAHOO.util.Anim.html#property_method", "access": "", "host": "YAHOO.util.Anim", "type": "property", "name": "method"}, {"url": "YAHOO.util.Anim.html#event_onComplete", "access": "", "host": "YAHOO.util.Anim", "type": "event", "name": "onComplete"}, {"url": "YAHOO.util.Anim.html#event_onStart", "access": "", "host": "YAHOO.util.Anim", "type": "event", "name": "onStart"}, {"url": "YAHOO.util.Anim.html#event_onTween", "access": "", "host": "YAHOO.util.Anim", "type": "event", "name": "onTween"}, {"url": "YAHOO.util.ColorAnim.html#method_parseColor", "access": "", "host": "YAHOO.util.ColorAnim", "type": "method", "name": "parseColor"}, {"url": "YAHOO.util.AnimMgr.html#method_registerElement", "access": "", "host": "YAHOO.util.AnimMgr", "type": "method", "name": "registerElement"}, {"url": "YAHOO.util.AnimMgr.html#method_run", "access": "", "host": "YAHOO.util.AnimMgr", "type": "method", "name": "run"}, {"url": "YAHOO.util.Anim.html#method_setAttribute", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "setAttribute"}, {"url": "YAHOO.util.Anim.html#method_setEl", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "setEl"}, {"url": "YAHOO.util.AnimMgr.html#method_start", "access": "", "host": "YAHOO.util.AnimMgr", "type": "method", "name": "start"}, {"url": "YAHOO.util.Anim.html#method_stop", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "stop"}, {"url": "YAHOO.util.AnimMgr.html#method_stop", "access": "", "host": "YAHOO.util.AnimMgr", "type": "method", "name": "stop"}, {"url": "YAHOO.util.Anim.html#method_toString", "access": "", "host": "YAHOO.util.Anim", "type": "method", "name": "toString"}, {"url": "YAHOO.util.Anim.html#property_totalFrames", "access": "", "host": "YAHOO.util.Anim", "type": "property", "name": "totalFrames"}, {"url": "YAHOO.util.Anim.html#property_useSeconds", "access": "", "host": "YAHOO.util.Anim", "type": "property", "name": "useSeconds"}];
</script>
</body>
</html>
